import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path'

// https://vite.dev/config/
export default defineConfig({
  // 静态资源引用路径，默认为"/"
  base: './',
  build: {
    // build目录名称，默认为"dist"
    outDir: 'build',
    // 静态资源存放目录名称，默认为"assets"
    assetsDir: 'static',
  },

  server: {
    // 监听所有的IP地址
    host: '0.0.0.0',
    // 指定dev sever的端口号，默认5173
    port: '3001',
    // 自动打开浏览器运行以下路径的页面（open的"/"值，表示打开localhost:3000/）
    open: '/',
    // 设置反向代理
    proxy: {
      // 以下示例表示：请求URL中含有"/api"，则反向代理到 http://10.0.22.115/
      // 例如: http://localhost:3000/api/login -> http://10.0.22.115/api/login
      // 只要请求地址是以"/api"开头，那就反向代理到http://10.0.22.115 下，跨域问题解决！
      // 注：一定记得要把mock.js注释掉，否则会先被mock.js拦截，到不了反向代理这一步
      '/api': {
        target: 'http://10.0.22.115/',
        changeOrigin: true,
      },
    },
  },
  resolve: {
    // 路径别名配置
    alias: {
      '@': path.resolve(import.meta.dirname, 'src'),
    }
  },
  plugins: [react()],
})
